﻿@font-face {
    font-family: 'OpenSans Regular';
    src: url('../Fonts/Open_Sans/OpenSans-Regular.ttf');
    src: local('OpenSans Regular'),
    local('OpenSans'),
    url('../Fonts/Open_Sans/OpenSans-Regular.ttf') format('truetype')
}
@font-face {
    font-family: 'OpenSans Light';
    src: url('../Fonts/Open_Sans/OpenSans-Light.ttf');
    src: local('OpenSans Light'),
    local('OpenSansLight'),
    url('../Fonts/Open_Sans/OpenSans-Light.ttf') format('truetype')
}
@font-face {
    font-family: 'OpenSans Bold';
    src: url('../Fonts/Open_Sans/OpenSans-Bold.ttf');
    src: local('OpenSans Bold'),
    local('OpenSansBold'),
    url('../Fonts/Open_Sans/OpenSans-Bold.ttf') format('truetype')
}
@font-face {
    font-family: 'OpenSans ExtraBold';
    src: url('../Fonts/Open_Sans/OpenSans-ExtraBold.ttf');
    src: local('OpenSans ExtraBold'),
    local('OpenSansExtraBold'),
    url('../Fonts/Open_Sans/OpenSans-ExtraBold.ttf') format('truetype')
}
@font-face {
    font-family: 'OpenSans Semibold';
    src: url('../Fonts/Open_Sans/OpenSans-Semibold.ttf');
    src: local('OpenSans Semibold'),
    local('OpenSansSemibold'),
    url('../Fonts/Open_Sans/OpenSans-Semibold.ttf') format('truetype')
}
html,body { width: 100%;margin: 0;padding: 0; }
body {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}
.body-wrapper{width: 100%;/*width: 1204px;*/margin: 0 auto;min-width: 1204px}
:link:active, a:active, :link:hover, a:hover { outline: none; outline-style: none; -moz-outline-style:none;}
*:focus {
    border: 0!important;outline: 0!important;outline-style: none!important; -moz-outline-style:none!important;
}

*::-moz-focus-inner {
    border: 0!important;outline: 0!important;outline-style: none!important; -moz-outline-style:none!important;
}
/*for FireFox*/
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, a::-moz-focus-inner
{
    border : 0px;
}
/*for IE8 */
input[type="submit"]:focus, input[type="button"]:focus, a:focus
{
    outline : none;
}
a, a:visited, a:focus, a:active, a:hover{
    outline:0 none !important;
}
.qoute-link{border: 1px solid #fff;border-radius: 5px;padding: 10px 30px;text-transform: uppercase;color: #fff;margin-top: 30px;}
/*h1,h2,h3,h4,h5{font-family: OpenSans Semibold}*/
/* Fix width */
.container{min-width: 1170px;width:1170px;max-width: 1170px;}

.primary-color{color: #E85522}
.primary-background-color{color: #E85522}
header{ color: #fff;}
header #topbar{ background: #2a972f;height: 52px;}
header .container{ margin-top: 12px;}
header #logo{ background: url('../Images/BoXanhLogo.png') center;background-size: 120px;width: 120px;height: 120px;position: absolute;text-align: center;top: -70px;left: 35px;margin: 0 auto;}
.user-login{ margin-right: 10px;}
.user-login .username{font-weight: bold;}
.user-cart a{color: #fff;text-decoration: none;}
.user-cart #cart-qty{padding: 3px 10px;background: #E85522;border-radius: 3px;font-weight: bold;}


header #menu{ background: url('../Images/menu-background.png') repeat-x;height: 84px;z-index: 2;position: relative;}
#menu a{text-transform: uppercase;color: #fff;font-size: 16px;text-decoration: none;line-height: 35px;font-weight: bold;}
#menu .main-menu{margin-top:10px;}
#menu .main-menu .menu-item{border-radius: 5px;border: 1px solid transparent;display: block;}
#menu .item-active, #menu .menu-item:hover{ border-radius: 5px;border: 1px solid #Fff!important;display: block;}
#home-slider{ top: -84px;background: #E85522;z-index: 1;position: relative;margin-bottom: -84px;max-height: 500px;overflow: hidden;}

.breadcrumb{ height: 84px;background: url('../Images/bread-crumbs-background.png') repeat-x;border-radius: 0;padding: 0;margin-bottom: 0;line-height: 75px;color: #fff;overflow: hidden;float: left;width: 100%;position: relative;}
.breadcrumb h4{line-height: 75px;padding: 0;margin: 0;}


#products-hot{background: #F6F6F6;padding-top: 20px;padding-bottom: 20px}

.product-box{ margin-bottom: 30px;}
.product-box-content{ background: #fff;border-radius: 5px;padding: 5px;}
.product-thumb{ width: 100%;overflow: hidden;height: 250px;float: left}
.product-thumb img{ width: 100%; overflow: hidden}
.product-title{ font-size: 20px;text-align: center;color: #555;}
.product-title a{color: #000;text-transform: uppercase;font-weight: 700}
.product-price{ color: #E95223;font-weight: bold;margin: 15px 0;}
.product-price .price{color: #E95223;}
.product-price .currency{ color: #fff; background: #E95223;padding:3px 5px;border-radius: 3px;}
.add-to-cart{ background: #2A972F;margin: 5px -5px -5px -5px;border-radius: 0 0 5px 5px;}
.add-to-cart a{ color: #ffffff;display: block;padding: 10px 0;text-decoration: none;}
.add-to-cart:hover{background: rgba(42,151,47, 0.9)}

#home-quotes{ padding: 50px 0px;background: #fff;}
#home-quotes .quote-thumb{ border-radius: 50%;width: 150px;height: 150px;}

footer { padding-bottom: 30px;}
footer .footer-content{border-top:3px solid #218626;padding: 20px 0;}

#checkout-container, #products-container{ top: -84px;background: #f4f4f4;position: relative;margin-bottom: -84px;}
.checkout-breadcrumb, .product-breadcrumb{line-height: 60px;font-size: 14px;padding-top: 84px;position: relative;background: #fff;}

#products-container .products-menu{ background: #e96539;color: #fff;}
.products-menu .menu-title{ margin: 0;line-height: 65px;font-size: 18px;font-weight: bold;padding-left: 20px;}

.products-container .support-bar{ background: #e85523;height: 65px;line-height: 65px;padding-right: 20px;position: relative;top:-1px}

.products-tow-col-container{display: table;width: 100%;overflow: hidden;}
.products-menu{display: table-cell;width: 25%;vertical-align: top;}
.products-container{display: table-cell;width:75%;top: 0px;position: relative;}

.products-tow-col-container-outer{ float: left;background: #fff;overflow: hidden;}
.products-tow-col-container-inner{ float: left;background: #e96539;position: relative;right: 75%;}
.products-tow-col-container-inner .col-xs-3{float: left;background: #e96539;position: relative;left: 75%;}
.products-tow-col-container-inner .col-xs-9{float: left;left: 75%;}


.products-live-support{height: 70px;margin: -54px 0 30px 0;}
.products-live-support .content{ line-height: 70px;}


.support-online{ color: #fff;}

.btn-quote{background: none;border-color: #fff;color: #fff;}
.btn-yahoo{ background: url('../Images/yahoo-icon.png') no-repeat center left;background-size: 24px;padding-left: 35px;background-position: 5px;}

.left-menu{list-style: none;margin: 0;padding: 0;color: #fff;}
.left-menu .menu-item {list-style: none;list-style: none;padding-left:20px;}
.left-menu .menu-item:hover, .left-menu .item-active{background: #e85523}
.left-menu .menu-item a{color:#fff;text-decoration: none;line-height: 50px;text-transform: uppercase;font-size: 14px;display:block}

.products-grid{padding: 15px 15px 0px 15px;}
.products-grid-pager{padding: 0 15px 15px 0;}

ul.yiiPager a:link, ul.yiiPager a:visited{display: inline-block;
    padding: 5px 8px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
    background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
}
ul.yiiPager a:hover{background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);}

ul.yiiPager .selected a{border: none;
    background: #218625;
    box-shadow: inset 0px 0px 8px rgba(33,134,37, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);}


.product-detail{padding:20px;}
.product-detail .product-title{text-align: left;text-transform: uppercase;color: #000;font-size: 25px;font-weight: 700;}
.product-detail .product-images img{width: 460px;}
.product-detail .product-info{margin-top: 20px;}
.product-detail .product-info .row{margin: 15px 0;}

.btn-cancel{background: #636363; color: #fff}
.btn-cancel:hover, .btn-cancel:active{background: rgba(99,99,99,0.9);color: #fff}
.btn-success{background: #2a972f}
.btn-success:hover, .btn-success:active{background: rgba(42,151,47, 0.9)}
.btn-warning{background: #e85523}
.btn-warning:hover,.btn-warning:active{background: rgba(232, 85, 35, 0.9)}
.btn-long{width: 150px}
.btn-middle{width: 100px;}
.btn-short{width: 50px}

.page-breadcrumb{line-height: 60px;font-size: 14px;}
.page-about .page-about-thumb{}


.page-contact-title{font-family: OpenSans Light;width: 70%;text-align: center;margin: 30px auto 50px auto;}


input[type=text],
input[type=password],
textarea,
select{
    font-size:15px;padding:6px;border-radius:4px;width:100%;color: #ccc;
    border:1px solid #CCC;box-shadow:0 1px 0 #EEE inset,0 1px 0 #FFF;background-color:rgba(255,255,255,0.6);outline-style:none}
input[type=text]:focus,
input[type=password]:focus,
textarea:focus,
select:focus{
    border:1px solid #2A972F;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(42, 151, 47, 0.6);color:rgba(0,0,0,0.75)
}
.error{border-color:red;}

#lang-select{width: 120px;padding: 2px 6px;background: #fff;color: #000;font-size: 12px;box-shadow: none;}


.table{display: table;margin-bottom: 0px;}
.cell{display: table-cell;float: none;}
.actions-container{margin: 20px 0 30px 0;}

.cart-products{padding: 5px;border: 1px solid #ccc;margin: 20px 0;background: #fff;}
.cart-products-title{line-height:30px;background: #2a972f;width: 100%;float: left;padding: 10px 0px;color: #fff;font-weight: bold;text-align: center;text-transform: uppercase}
.cart-products-item{width: 100%;float: left;border-bottom: 1px solid #ccc;padding: 10px 0;text-align: center;font-weight: bold;}
.cart-products-item .cell{vertical-align: middle;}
.cart-products-total{font-size: 20px;font-weight: bold;margin:20px;}
.cart-products-item .product-name{}
.cart-products-item .product-code{font-weight: normal}
.cart-products-item .remove-product a{color: red;}
.cart-products-item .img-responsive{max-width: 148px;}
#btn-update{text-transform: uppercase}
#checkout-info{display: none;}

.checkout-info{border:1px solid #ccc;background: #fff; margin-bottom: 50px;}

.news-item{overflow: hidden;border-bottom: 1px solid #ccc;padding: 20px 0;}
.news-item .thumb{max-height: 200px; overflow: hidden;}
.news-item h2 a{color:#2a972f;margin-top: 0;font-weight: bold;}


.checkout-success{padding: 50px 0;}
.checkout-success-title{font-family: "OpenSans Light"}
.order-id{font-size: 20px;}
.errorMessage{color: #E85522;
font-size: 13pt;
font-family: inherit;}
.error{
border: 1px solid #EB3434;
}